.common-box {
    width: 100%;
    min-height: 100%;
    background-color: #464646;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    .head-box {
        width: 100%;
        background-color: #fff;
        padding: 15px 80px;
        display: flex;
        justify-content: space-between;
        .logo-box {
            display: flex;
            .logo {
                height: 80px;;
            }
            .title {
                font-size: 30px;
                line-height: 80px;
                color: #676a6c;
            }
        }
        .user-box {
            display: flex;
            .name {
                font-size: 22px;
                color: #676a6c;
                line-height: 80px;
            }
            .logout {
                font-size: 22px;
                color: #676a6c;
                line-height: 80px;
                margin-left: 30px;
            }
        }
    }
    .content {
        background-color: #464646;
        padding: 40px 40px 140px 40px;
        color: #fff;
        .address-box {
            display: flex;
            font-size: 18px;
            justify-content: space-between;
            .address {
                .href {
                    color: #fff;
                }
                .right {
                    font-size: 16px;
                    font-weight: lighter;
                }
            }
        }
        .tab {
            margin-top: 40px;
            .title {
                font-size: 26px;
                padding: 10px 30px;
                display: inline-block;
                border-radius: 4px 4px 0 0;
            }
            .current {
                background-color: #fff;
                color: #676a6c;
            }
        }

        .con-box {
            background-color: #fff;
            padding: 40px 40px 40px 40px;
        }
    }
    .footer {
        width: 100%;
        font-size: 26px;
        color: #fff;
        line-height: 100px;
        padding: 0 80px;
        box-sizing: border-box;
        background-color: #333;
        position: absolute;
        bottom: 0;
        border: none;
    }
    .u_page_n {
        border-top: none !important;
        border-bottom: none !important;
    }
}

@media screen and (max-width: 1200px) {
    #addMenu,#release {
        
    }
}

@media screen and (max-width: 992px) {
    #addMenu,#release,#narrator,#statistical,#volunteers,#root {
        .head-box {
            padding: 10px 60px;
            .logo-box {
                .logo {
                    height: 40px;
                }
                .title {
                    font-size: 18px;
                    line-height: 40px;
                    color: #676a6c;
                }
            }
            .user-box {
                .name {
                    font-size: 14px;
                    color: #676a6c;
                    line-height: 40px;
                }
                .logout {
                    font-size: 14px;
                    color: #676a6c;
                    line-height: 40px;
                    margin-left: 30px;
                }
            }
        }
    }
}

@media screen and (max-width: 768px) {
    #addMenu,#release,#narrator,#statistical,#volunteers,#root {
        .head-box {
            padding: 10px 10px;
            .logo-box {
                .title {
                    display: none;
                }
            }
        }
        .content {
            padding: 10px 10px 50px 10px;
            .address-box .time {
                // text-align: right;
                margin-top: 10px;
            }
            .address-box {
                display: block;
            }
            .tab {
                .title {
                    font-size: 18px;
                    padding: 10px;
                }
            }
            .con-box {
                padding: 10px 10px 20px 10px;
            }
            
        }
        .footer {
            width: 100%;
            font-size: 18px;
            color: #fff;
            line-height: 24px;
            padding: 0 10px;
            box-sizing: border-box;
            background-color: #333;
            position: absolute;
            bottom: 0;
            text-align: center;
        }
    }
}

@media screen and (max-width: 390px) {
    #addMenu,#release,#narrator,#statistical,#volunteers,#root {
        .content {
            .address-box .time {
                // text-align: right;
                margin-top: 10px;
            }
            .form .form-group .xs-hidden {
                display: none;
            } 
        }
    }
}